.layui-layout-admin .layui-body {
    margin: calc(10 / 1920 * 100vw) 0 calc(20 / 1920 * 100vw);
    /*min-height: 550px;*/
}

.layui-row {
    margin-top: 0;
    margin-bottom: 0;
}

.layui-row > div {
    padding-top: 0;
    padding-bottom: 0;
}

.layui-tab {
    margin: 0 0 calc(15 / 1920 * 100vw) 0;
}

.layui-tab-brief > .layui-tab-title .layui-this {
    color: #448EE1;
}

.layui-tab-title li {
    line-height: calc(48 / 1920 * 100vw);
}

.layui-tab-content {
    padding: 10px 15px;
}

.layui-tab-title .layui-this:after {
    height: calc(51 / 1920 * 100vw);
}

.layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
    border-bottom: 3px solid #448EE1;
}

/* 全军案发地点态势图 */
.x-china-box {
    width: 100%;
    height: calc(100vh - (212 / 1920 * 100vw) - 20px);
}

.x-china-rank {
    position: absolute;
    z-index: 99;
    width: 184px;
    top: 30px;
    left: 20px;
}

.x-top-tip {
    display: inline-block;
    width: 47px;
    height: 29px;
    line-height: 29px;
    background-color: #85CDE9;
    color: #FFFFFF;
    font-size: 16px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.x-top-buttom {
    color: #666666;
    font-size: 14px;
    float: right;
    line-height: 29px;
    cursor: pointer;
    padding: 0 0 0 5px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.x-top-buttom:hover {
    background: rgba(0, 0, 0, 0.1);
}

.x-bottom-icon {
}

.x-bi-t {
}

.x-bi-b {
    display: none;
}

.x-top-list {
    margin-top: 20px;
    display: none;
}

.x-top-list > dl {
    height: 32px;
    display: flex;
    text-align: center;
    line-height: 32px;
    margin-bottom: 1px;
}

.x-top-list > dl > dt {
    flex-shrink: 0;
    flex-basis: 29px;
    background: #429EE3;
    color: #fff;
}

.x-top-list > dl:nth-of-type(1) > dt,
.x-top-list > dl:nth-of-type(2) > dt,
.x-top-list > dl:nth-of-type(3) > dt {
    background: #eb7a7b;
}

.x-top-list > dl > dd {
    flex-basis: 70px;
    margin: 0 1px;
    background: #F2F2F2;
    font-size: 12px;
    color: #666;
}

.x-top-list > dl > dd:last-child {
    border-left: 0;
    margin-left: 0;
    flex-basis: 85px;
    flex-shrink: 1;
}

/*案件统计和自杀统计*/
.x-pie-box,
.x-bar-box {
    width: 100%;
    height: calc((100vh - (278 / 1920 * 100vw) - 40px) / 2);
}

/* 页面视宽小于1280px */
@media screen and (max-width: 1280px) {
    .layui-tab-title li {
        line-height: calc(48 / 1920 * 1280px);
    }

    .layui-tab-title .layui-this:after {
        height: calc(51 / 1920 * 1280px);
    }

    .layui-tab {
        margin: 0 0 calc(15 / 1920 * 1280px) 0;
    }
}

@media screen and (max-height: 670px) {
    .x-china-box {
        height: calc(660px - (212 / 1920 * 100vw) - 20px);
    }

    .x-pie-box,
    .x-bar-box {
        height: calc((660px - (278 / 1920 * 100vw) - 40px) / 2);
    }
}